<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<html id="html">
<link href="../pages/style.css" rel="stylesheet" type="text/css">

<head>
	<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
</head>

<title>Pulstabell Tim</title>

<body onload="replaceContent(0)" class="body">

<div id="header" class="header"></div>

<div class="leftColumn">
	<div class="menuItem" onmouseover="replaceContent(0)">Info</div>
	<div class="menuItem" onmouseover="replaceContent(1)">Pulstabell</div>
	<div class="menuItem" onmouseover="replaceContent(2)">Makspuls</div>
	<div class="menuItem" onmouseover="replaceContent(3)">TODO 2</div>

</div>

<div id="centerColumn" class="centerColumn">
	<div class="multiColum"></div>
</div>

<div class="footer">Copyright Raymond Koteng</div>

</body>


<script language="JavaScript">
	var infotextArray = new Array();

	infotextArray[0] = getInfoText();
	infotextArray[1] = getProgramText();
	infotextArray[2] = getMaksPulsText();
	infotextArray[3] = getTodo2();

	var headertextArray = new Array();
	headertextArray[0] = "Info";
	headertextArray[1] = "Pulstabell";
	headertextArray[2] = "Makspuls";
	headertextArray[3] = "TODO 2";


	function replaceContent(index) {
		element = document.getElementById("centerColumn");
		element.innerHTML = (infotextArray[index]);

		element = document.getElementById("header");
		element.innerHTML = (headertextArray[index]);
	}

	function calcValues() {
		element = document.getElementById("tableContent");
		maxPuls = document.getElementById("max").value;
		hvilePuls = document.getElementById("hvile").value;

		if (maxPuls != null && isInteger(maxPuls) && hvilePuls != null && isInteger(hvilePuls)) {
			element.innerHTML = "		<table border='1' class='pulsTable'>                  " +
								"	<tr>                                                      " +
								"		<th>Sone</th>                                         " +
								"		<th>% av MaxHR</th>                                   " +
								"		<th>Min Slag/min</th>                                 " +
								"		<th>Max slag/min</th>                                 " +
								"		<th>Kommentar</th>                                    " +
								"	</tr>                                                     " +
								"	<tr>                                                      " +
								"		<td>1</td>                                            " +
								"		<td>45-60%</td>                                       " +
								"		<td id ='OneOne' class='tablePulsValue'></td>                                " +
								"		<td id ='OneTwo'  class='tablePulsValue'></td>                                " +
								"		<td>Restitusjon/langtur</td>                          " +
								"	</tr>                                                     " +
								"	<tr>                                                      " +
								"		<td>2</td>                                            " +
								"		<td>60-70%</td>                                       " +
								"		<td id ='TwoOne' class='tablePulsValue'></td>                                " +
								"		<td id ='TwoTwo' class='tablePulsValue'></td>                                " +
								"		<td>Rolig tur</td>                                    " +
								"	</tr>                                                     " +
								"	<tr>                                                      " +
								"		<td>3</td>                                            " +
								"		<td>70-88%</td>                                       " +
								"		<td id ='ThreeOne' class='tablePulsValue'></td>                              " +
								"		<td id ='ThreeTwo' class='tablePulsValue'></td>                              " +
								"		<td>Mellomsone(bør unngås)</td>                       " +
								"	</tr>                                                     " +
								"	<tr>                                                      " +
								"		<td>4</td>                                            " +
								"		<td>88-92%</td>                                       " +
								"		<td id ='FourOne' class='tablePulsValue'></td>                               " +
								"		<td id ='FourTwo' class='tablePulsValue'></td>                               " +
								"		<td>Terskeløkt/10km-halvmaratonfart</td>              " +
								"	</tr>                                                     " +
								"	<tr>                                                      " +
								"		<td>5</td>                                            " +
								"		<td>90-95%</td>                                       " +
								"		<td id ='FiveOne' class='tablePulsValue'></td>                               " +
								"		<td id ='FiveTwo' class='tablePulsValue'></td>                              " +
								"		<td>Intervaller/1 SRM-fart.</td>                      " +
								"	</tr>                                                     " +
								"</table>                                                     ";

			var diff = parseInt(maxPuls) - parseInt(hvilePuls);

			document.getElementById("OneOne").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.45 )));
			document.getElementById("OneTwo").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.6 )));

			document.getElementById("TwoOne").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.6 )));
			document.getElementById("TwoTwo").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.7 )));

			document.getElementById("ThreeOne").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.7 )));
			document.getElementById("ThreeTwo").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.88 )));

			document.getElementById("FourOne").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.88 )));
			document.getElementById("FourTwo").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.92 )));

			document.getElementById("FiveOne").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.92 )));
			document.getElementById("FiveTwo").innerHTML =
			Math.round(parseInt(parseInt(hvilePuls) + (parseInt(diff) * 0.95 )));

		} else {
			element.innerHTML = "<div class='pulsInputFail'>Makspuls og/eller hvilepuls er ikke et heltall</div>";
		}
	}
	function isInteger(s) {
		return (s.toString().search(/^-?[0-9]+$/) == 0);
	}


	function getInfoText() {
		return '<div  class="multiColum">Trening er en viktig del av livet til Tim!<br>Dette er pulstabell han maste om for ca en evighet siden. Dvs 6. mai 2009 :)<br>Lager denne midt på natten siden jeg ikke klarer å finne på noe annet å gjøre. MERK: Er langt fra utenkelig at det er en feil eller hundre i tabellen. Jeg tar ikke ansvar for verdiene den spytter ut! Siden er laget med CSS 3-elementer og bør fungere bra i en oppdatert Firefox, Chrome eller Safari. Ser trolig rart ut i Internet Explorer....</div> ';
	}

	function getTodo2() {
		return 'Her kan det komme noe mer dersom det er et behov..........';
	}

	function getProgramText() {
		return '<div>' +
			   '<div><label>Makspuls:&nbsp;<input type="text" onkeyup="calcValues()" id ="max"></label> </div>' +
			   '<div><label>Hvilepuls:&nbsp;&nbsp;<input type="text" onkeyup="calcValues()" id = "hvile" ></label> </div>' +
			   '<div id = tableContent></div>' + '</div>'
	}

	function getMaksPulsText() {
		return 'Din makspuls kan regnes ut på følgene måte:<div class="makspuls"><strong>220 minus din alder = makspuls</strong>.</div>Dette er en generell regel og stemmer ofte ikke med virkeligheten. Kjøp en pulsklokke eller noe dersom du på død og liv må vite nøyaktig :) ';
	}
</script>

</html>